<!-- 测评结果的头部 -->
<template>

	<view class="hered dis dis2">
		<image :src="imgUrl" mode="aspectFit" class="icon"></image>
		<!-- <view src="" mode="aspectFit" class="icon"></view> -->
		<text class="utex">{{text}}</text>
		<text class="fe" v-if="headScore>0">({{headScore}}分)</text>
	</view>

</template>

<script>
	
	export default {
		props:{
			text:{
				type:String
			},
			imgUrl:{
				type:String
			},
			headScore:{//分数
				type:String,
				default:'0'
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	@import "../common/css/flex.css";
	@import "../common/css/index.scss";

	.hered {
		width: 100%;
		height: 114upx;
		.icon {
			width: 44upx;
			height: 44upx;
			margin-left: 30upx;
			margin-right: 10upx;
		}

		.utex {
			font-size: 36upx;
			font-family: $typeface;
			font-weight: 500;
			color: #333333;
		}
		.fe{
			font-size: 26upx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
		}
	}
</style>
